<template>
  <div>
    <a-card title="前端相关依赖文档">
      <a-card-grid >
        <a-typography-link ellipsis href="https://cn.vuejs.org/guide/introduction.html" target="_blank">
          <img src="../static/vue.png" style="width: 15px;height: 15px">
          Vue
        </a-typography-link>
      </a-card-grid>
      <a-card-grid >
        <a-typography-link ellipsis href="https://router.vuejs.org/zh/guide/" target="_blank">
          <img src="../static/vue.png" style="width: 15px;height: 15px">
          Vue Router
        </a-typography-link>
      </a-card-grid>
      <a-card-grid >
        <a-typography-link ellipsis href="https://pinia.vuejs.org/zh/introduction.html" target="_blank">
          <img src="https://pinia.vuejs.org/logo.svg" style="width: 15px;height: 15px">
          Pinia
        </a-typography-link>
      </a-card-grid>
      <a-card-grid >
        <a-typography-link ellipsis href="https://antdv.com/components/overview-cn" target="_blank">
          <img src="https://antdv.com/assets/logo.1ef800a8.svg" style="width: 15px;height: 15px">
          Ant Design Vue
        </a-typography-link>
      </a-card-grid>
      <a-card-grid>
        <a-typography-link ellipsis href="https://gsap.com/docs/v3/" target="_blank">
          <img src="https://th.bing.com/th?id=ODLS.0adef11b-095c-4c5f-a47a-5815c6307ae1&w=32&h=32&qlt=90&pcl=fffffa&o=6&cb=13&pid=1.2" style="width: 15px;height: 15px">
          GSAP
        </a-typography-link>
      </a-card-grid>
      <a-card-grid >
        <a-typography-link ellipsis href="https://www.lodashjs.com/#:~:text=Lodash%20%E6%98%AF%E4%B8%80%E4%B8%AA" target="_blank">
          <img src="https://th.bing.com/th?id=ODLS.2871bf84-a83f-47b6-9643-23bb1422c135&w=32&h=32&qlt=90&pcl=fffffa&o=6&cb=13&pid=1.2" style="width: 15px;height: 15px">
          lodash
        </a-typography-link>
      </a-card-grid>
      <a-card-grid >
        <a-typography-link ellipsis href="https://ld246.com/article/1549638745630" target="_blank">
          <img src="https://b3log.org/images/brand/vditor-128.png" style="width: 15px;height: 15px">
          Vditor
        </a-typography-link>
      </a-card-grid>
      <a-card-grid >
        <a-typography-link ellipsis href="https://dayjs.fenxianglu.cn/category/" target="_blank">
          <img src="https://day.js.org/img/logo.png" style="width: 15px;height: 15px">
          Day.js
        </a-typography-link>
      </a-card-grid>
      <a-card-grid >
        <a-typography-link ellipsis href="https://vue-draggable-plus.pages.dev/" target="_blank">
          <img src="https://vue-draggable-plus.pages.dev/logo.svg" style="width: 15px;height: 15px">
          vue-draggable-plus
        </a-typography-link>
      </a-card-grid>
    </a-card>
  </div>
</template>
<script setup lang="ts">

</script>
<style scoped>

</style>
